<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta name="viewport" content="width=720, user-scalable=no">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Expires" content="0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-title" content="">
<title></title>
<link href="css/style02.css" rel="stylesheet" />
<link href="css/base.css" rel="stylesheet" />
<script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"  type="text/javascript"></script>
<script src="http://h5.cailianxinwen.com/wxjson/js/wxapi-video.js?v=1.01"  type="text/javascript"></script>
</head>
<style>

.enlargeImg_wrapper {
	display: none;
	position: fixed;
	z-index: 999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-color: rgba(52, 52, 52, 0.8);
	background-size: 100%;
}
img:hover {
	cursor: zoom-in;
}
.enlargeImg_wrapper:hover {
	cursor: zoom-out;
}
</style>
<body>
<div class="wrap">
	
<div class="imgBox"></div>
	<img src="img/bg03.png" id="top" style="height: 60%;position: absolute;">
	<div class="conbox" style="position: relative;padding: 100px 0 0 0">
		<div style="display: flex;justify-content: center;flex-direction: column;">
			<img src="img/top.png" style="	display: block;margin:0 auto 36px;">

		</div>

	    <div class="con03" style="display: flex;align-items: center;justify-content: center;flex-direction: column;">
			<ul>
	    		<li class="org" id="num">00</li>
	    		<li class="org" id="devnum">00000</li>
			</ul>
			<ul>
	    		<li>当前排名</li>
	    		<li>当前打卡数</li>
	    	</ul>
	    	 <div class="clear"></div>

	    </div>
	  	<img src="img/img_title04.png" class="img_title02">
	  	<div class="con04">
	  		<div class="txt_top"></div>
	  		<div class="txt_center">
	  			<h2 id="itemcon"></h2>
	  			<ul class="iconbox">
		    		<li><img src="img/icon04.png"></li>
					<li><img src="img/icon01.png"></li>
					<li><img src="img/icon05.png"></li>
					<li><img src="img/icon03.png"></li>
		    	</ul>
		    	<ul class="listbox">
					<li id="businessname">作者：李莉莉</li>
					<li id="create_time">时间：2023年10月20日</li>
					<li>地点：<span id="address"></span></li>
					<li id="content">内容：仔细品味着秋雨，让我们走进秋
					天的街道吧！街道两旁，原先枝叶茂盛的大
					树，仿佛都失去了它应有的色彩。天空透着
					淡淡的银白，下着细如牛毛的绵绵秋雨。绵
					绵秋雨慢慢的下着，流进了大地；流进了小
					河；流进了长江；流进了人的心中。</li>
		    	</ul>
		    	<div class="clear"></div>
	  		</div>
	  		<div class="txt_bottom"></div>
	  	</div>
	  	<img src="img/img_title05.png" class="img_title02">
	  	<div class="con05">
			<img src="img/img01.jpg">
			<img src="img/img02.jpg">
	  	</div>

	  	<div class="clear"></div>
		<div>
			<img src="img/bottom.png"/>
		</div>
    </div>
    <ul class="tab">
    	<a href="list.html"><li><img src="img/tab01.png"></li></a>
		<!--<a href="list.html"><li><img src="img/tab01-1.jpg"></li></a>-->
    	<!--<a href="list2.html"><li><img src="img/tab02.jpg"></li></a>-->
    	<a href="order.html"><li><img src="img/tab02.png"></li></a>

    </ul>
</div>
</body>
<script>
	//https://media.w3.org/2010/05/sintel/trailer.mp4
	$.ajax({
		type: "post",
		url: 'https://www.cailianxinwen.com/app/vote/getVoteItemDetail?voteItemId='+getUrlParams('id'),
		 dataType: "json",
		 //jsonp: "jsoncallback",
		 success: function (json) {
			 console.log(json)
			$('#num').html(getUrlParams('pnum'))
			$('#businessname').html(json.businessname)
			$('#devnum').html(getUrlParams('num'))
			$('#itemcon').html(json.itemcon)
			$('#address').html(json.address)
			$('#create_time').html(json.create_time)
			$('#content').html(json.content)
			$('#devnum').html(getUrlParams('num'))
			var arr=json.introduction.split(';')
			_html=''
			/*
			for(var j=0;j<arr.length;j++)
			{
				_html+='<img class="list_img11" src="http://app.jlrbyy.cn/uploadfile/'+arr[j]+'">'
			}
			*/
			_html+='<video width="100%"  controls>'
			_html+='<source src="'+json.introduction+'" type="video/mp4">'
			_html+='  </video>'

			
			$('.con05').html(_html)
		 },
		 error: function (err) {
			 console.log(err)
		 }
	 });

	 function getUrlParams(key) {
		var url = window.location.search.substr(1);
		if (url == '') {
			return false;
		}
		var paramsArr = url.split('&');
		for (var i = 0; i < paramsArr.length; i++) {
			var combina = paramsArr[i].split("=");
			if (combina[0] == key) {
				return combina[1];
			}
		}
		return false;
	}
	$(document).on('click', '.list_img11', function(e) {
		$('.imgBox').html("<div class='enlargeImg_wrapper'></div>");
		var imgSrc = $(this).attr('src');
		$(".enlargeImg_wrapper").css("background-image","url(" + imgSrc + ")");
		$('.enlargeImg_wrapper').fadeIn(200);
			})
			$('.imgBox').on('click','.enlargeImg_wrapper',function() {
				$('.enlargeImg_wrapper').fadeOut(200).remove();
			})
			
</script>


</html>